<#assign ctx="${bw.contextPath}">
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>基础设施智能管养</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/mui/css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/global.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/dayMaintenance.css" />
	</head>
	<body>
		<div id="app" class="dayMaintenance-box">
			<!--头部菜单 -s-->
			<div class="mui-segmented-control mui-segmented-control-green">
				<a class="mui-control-item" href="javascript:;" data-href="statisticalInfor">统计信息</a>
				<a class="mui-control-item" href="javascript:;" data-href="mapResources">地图资源</a>
				<a class="mui-control-item" href="javascript:;" data-href="eventReporting">事件上报</a>
				<a class="mui-control-item mui-active" href="javascript:;" data-href="dayMaintenance">当日养护</a>
			</div>
            <!--头部菜单 -e-->
            <div class="header-filter">
                <div class="mui-row">
                    <div class="mui-col-xs-3 filter-item">
                        <a href="#statePopover" class="footbar-tab-item">
                            <span class="mui-tab-label">执行状态</span>
                        </a>
                    </div>
                    <div class="mui-col-xs-3 filter-item">
                        <a href="#zyPopover" class="footbar-tab-item">
                            <span class="mui-tab-label">作业类别</span>
                        </a>
                    </div>
                    <div class="mui-col-xs-3 filter-item">
                        <a href="#fdPopover" class="footbar-tab-item">
                            <span class="mui-tab-label">封道类别</span>
                        </a>
                    </div>
                    <div class="mui-col-xs-3 filter-item">
                        <button type="button" class="doFilter" @click="doFilter"><i class="mui-icon mui-icon-search"></i> 筛选</button>
                    </div>
                </div>
            </div>
            <!--头部筛选 -e-->
            <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
                <div class="mui-scroll">
                    <ul class="mui-table-view" id="listBox">
                        <li class="mui-table-view-cell planList" v-for="item in dataList">
                            <div class="floatTel"><i class="iconfont icon-dianhua" :data-tel="item.telephone"></i></div>
                            <div class="mui-row">
                                <div class="mui-col-xs-12 ">
                                    <p class="strong">{{item.facility}}</p>
                                </div>
                                <div class="mui-col-xs-4 ">
                                    <p>作业类别:{{item.projecttype}}</p>
                                    <p>封道:{{item.roadclosure}}</p>
                                </div>
                                <div class="mui-col-xs-8 ">
                                    <p class="strong">作业时间:{{item.plantime | timeFormat}}~{{item.plantime_e | timeFormat}}</p>
                                    <p>带班人:{{item.chargeman}}</p>
                                </div>
                                <div class="mui-col-xs-12 ">
                                    <p class="strong sgAddress">施工地点:{{item.jobaddress}}</p>
                                </div>
                                <div class="mui-col-xs-12 ">
                                    <p class="strong">作业内容:{{item.projectcontent}}</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <nav class="mui-bar mui-bar-tab footbar-nav-box backdrop-filter">
                <div class="mui-row">
                    <div class="mui-col-xs-5">

                        <button type="button" :disabled="p<=1?true:false" class="footbar-tab-item" @click="goPage(p=p-1)">上一页</button>
                    </div>
                    <div class="mui-col-xs-2" style="position: relative;">
                        <div class="topPageNum">{{p}}/{{totalPage?totalPage:0}}</div>
                        <input type="number" name="" id="" :value="p" v-model="p" class="curPage" @keyup.enter="goPage" />
                    </div>
                    <div class="mui-col-xs-5">
                        <button type="button" class="footbar-tab-item" :disabled="p==totalPage?true:false" @click="goPage(p++)">下一页</button>
                    </div>
                </div>
            </nav>
            <div id="statePopover" class="mui-popover filter-popover">
                <ul class="mui-table-view">
                    <li :class="['mui-table-view-cell ']+(state.chosed?'active':'')" v-for="(state,index) in menu1.list" @click="stateChangeMenu(index)">
                    <a href="javascript:;" v-text="state.name"></a>
                    </li>
                </ul>
            </div>
            <div id="zyPopover" class="mui-popover filter-popover">
                <ul class="mui-table-view">
                    <li :class="['mui-table-view-cell ']+(zf.chosed?'active':'')" v-for="(zf,index) in menu2.list" @click="zyChangMenu(index)">
                    <a href="javascript:;" v-text="zf.name"></a>
                    </li>
                </ul>
            </div>
            <div id="fdPopover" class="mui-popover filter-popover">
                <ul class="mui-table-view">
                    <li :class="['mui-table-view-cell ']+(fd.chosed?'active':'')" v-for="(fd,index) in menu3.list" @click="fdChangeMenu(index)">
                    <a href="javascript:;" v-text="fd.name"></a>
                    </li>
                </ul>
            </div>
		<script src="${ctx}/resources/assets/plugins/jquery-1.11.3.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/mui/js/mui.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/vue.min.js"></script>
		<script src="${ctx}/resources/assets/js/global.js"></script>
		<script src="${ctx}/resources/assets/js/dayMaintenance.js"></script>
	</body>

</html>